@charset "utf-8";
.h-tlt {text-align:center;padding:10px 0 20px;width:100%;}
.h-tlt h1 {font-size:30px;color:#003659;line-height:1.4;font-weight:700;}
.h-tlt .p2 {margin:10px 0;font-size:13px;font-family:Arial;color:#F2BC33;text-transform:uppercase;line-height:1.8em;}
.h-tlt .more {display:inline-block;width:130px;height:35px;margin:0 12px;background:#3796DE;color:#fff;font-size:14px;line-height:35px;transition:all .77s;border-radius:17px;}
.h-tlt .more:hover {background:#F2BC33;}
@media screen and (max-width:768px) {}
.About {padding:84px 0px;width:100%;min-height:300px;background:#fff;background:url(../images/app.jpg) no-repeat scroll center top #ebebeb;background-size:cover;background-attachment:fixed;background-attachment:scroll\9;color:#FFF;}
.About .About-inner {margin:0px auto 30px;}
.About-pro-tlt {text-align: center;margin:40px auto;}
.About-pro-tlt .tlt-h,.About-pro-tlt .in-p{color:#fff;}
 
@media screen and (max-width:768px) {
.About {margin:40px auto;}
 
}
.products {padding:30px 0;height:auto;}
.products-inner {padding:30px 0;position: relative;}
.products-inner .pro-tlt{position:absolute;top:-40px;filter:alpha(opacity=0);-moz-opacity:0;	-khtml-opacity:0;	opacity:0;}

.products .sidebar{float:left;width:25%;border: 2px solid #288add;}
.products .sidebar .h1-tlt{height:90px;width:100%;background:#288add;text-align:center;position: relative;padding:10px 0 0 0;}
.products .sidebar .h1-tlt p{padding:6px 0 6px 0;}
.products .sidebar .h1-tlt p a{font-size:2em;font-weight:700;color:#fff;}
.products .sidebar .h1-tlt .e-tlt{width:60%;margin:0 auto;background:#288add;height:20px;line-height:20px;position:relative;z-index:2;color:#fff;text-transform:Capitalize;font-size:1em;}
.products .sidebar .h1-tlt p.line{position:absolute;bottom:16px;width:80%;border-top:1px solid #fff;margin:0 10%;}

.products .sidebar .side-nav ul{margin:1px auto;width:100%;}
.products .sidebar .side-nav h1:nth-child(1){margin:1px 0;}
.products .sidebar .side-nav h1{width:100%;text-align:center;line-height:36px;height:36px;background:#6B6B6B;    margin: 0 0 1px 0;}
.products .sidebar .side-nav  h1:hover{background:#333;}
.products .sidebar .side-nav  h1 a{padding:0 20px;color:#fff;font-size:1.2em;}
.products .sidebar .side-nav  h1 a:hover{color:#fff;text-decoration: none;}
.products .sidebar .side-nav li{padding:5px 0 5px 10px;margin:1px 1px;background:#C1322D; }
.products .sidebar .side-nav .sub li h2 a{font-size:1em;color:#fff;}
.side-contact{padding:10px 0;}
.side-contact p{line-height:28px;padding:0 0 0 20px;color:#000;font-size:1em;font-weight:300;}
.side-contact .hotline{margin:0px 0 20px 20px;background: url(../images/ndh.png) no-repeat;height:46px;line-height:40px;}
.side-contact .hotline .bigfont{font: 23px "Impact";font-weight:600;color:#cc2229; padding:0 0 0 60px;    letter-spacing: 0px;}
.side-contact .hotline .htlt{line-height:20px;padding:0 0 0 60px;}


.products .ProBox {float:right;width:74.5%;top: 250px;filter:alpha(opacity=0);-moz-opacity:0;	-khtml-opacity:0;	opacity:0;}
.products .ProBox .hd {height:auto;position:relative;}
.products .ProBox .hd ul {float:left; width:100%;height:auto;margin:1px auto;}
.products .ProBox .hd ul li {width:31.333333%;height:49px;line-height:49px;text-align:center;float:left;margin:0 1% 2px 1%;cursor:pointer;font-weight:300;background:#288add;transition:ease-in-out .5s;}
.products .ProBox .hd ul li.on,.products .ProBox .hd ul li:hover {background:#333;color:#fff;}
.products .ProBox .hd ul li a,.products .ProBox .hd ul li a:hover {color:#fff;}

.pro-list li {width:31.333333333%;margin:10px 1%;float:left;}
.pro-li-inner {width:80%;float:left;height:auto;overflow:hidden;position:relative;margin:10%;}
.pro-li-inner img {display:block;width:100%;height:auto;}
.products .ProBox .bd li:hover figcaption {bottom:0;}

.pro-li-inner figcaption {display:block;padding:5%;position:absolute;left:0;bottom:-300px;transition:320ms ease-in-out;box-sizing:border-box;width:100%;height:100%;background:url(../images/pic_bg.png) repeat left top;}
.pro-li-inner figcaption h3 a {font-weight:normal;height:20px;line-height:20px;overflow:hidden;color:#fff;font-size:1.5em;margin:10px 0 15px;border-bottom:1px solid #fff;}
.pro-li-inner figcaption p {color:#fff;font-size:1.0em;height:48px;line-height:16px;overflow:hidden;}
.pro-li-inner figcaption a.more {float:right;border:1px solid #fff;color:#fff;display:block;font-size:14px;margin-top:20px;width:120px;text-align:center;}
.pro-list li:last-child .pro-li-inner{background:#288add; border: 2px solid #fff;  box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.pro-list li:last-child img{width:100%;}
.pro-list li:last-child .pro-li-inner figcaption {background:#288add;bottom:0px;}
.pro-list li:last-child .pro-li-inner figcaption a.more {float:none;margin:30% auto;transition:ease-in-out .5s;}
.pro-list li:last-child .pro-li-inner figcaption:hover a.more{width:140px;letter-spacing:2px;}
@media screen and (max-width:768px) {
.products {height:1100px;}
.products .sidebar{display:none;}
.products .ProBox {width:100%;margin:40px auto 10px;}
.products .ProBox .hd {height:100px;}
.products .ProBox .hd ul li {width:48%;margin:1px 1%;}
.products .ProBox .bd li {width:48%;}	
}
@media screen and (max-width:640px) {
.products {height:900px;}
}
.case {position:relative;z-index:1;height:450px;margin:60px auto;}
.case-inner{filter:alpha(opacity=0);-moz-opacity:0;	-khtml-opacity:0;	opacity:0;}
 
.eq-list li {width:23%;margin:10px 1%;overflow:hidden;float:left;display:none;}
.eq-list li .more {float:right;padding-right:15px;color:#288add;}
.eq-list li  img {width:100%;}
.eq-list li .eq_title {font-size:1em;font-weight:300;text-align:center;width:100%;color:#fff;bottom:0px;height:30px;position:absolute;background:#288add;transition:ease-in-out .5s;}
.eq-list   li:hover .eq_title {padding-top:10px;bottom:0px;height:40px;}
.eq-list li .bw-ab {position:relative;display:block;}
 
 @media screen and (max-width:768px) {
.case {height:1060px;margin:30px auto;}	 
.case li {width:48%;margin:10px 1%;float:left;}
 
.eq-list li {width:49%;height:auto;margin:10px .5%;background:#288add;float:Left;display:none;}
.eq-list li .more {color:#fff;}
}
@media screen and (max-width:640px) {
.case {height:1080px;}
}
.App {background: url(../images/app.jpg) no-repeat center #362b29;width: 100%;height: 418px;margin-bottom: 100px; overflow: hidden;}
.App-tlt .tlt-h,.App-tlt .in-p{color:#fff;}
.App-inner {height:366px;overflow:hidden;padding-top:30px;    position: relative;}
.App-inner .App-tlt{border:solid 1px #fff; width:40%; height:50px;  text-align:center; color:#fff;margin:30px 30%;padding:5px;}
.App .App-list{width: 100%;padding-top: 20px;}
.App-list li {width:19%;margin:0.5%;float:left;position:relative;overflow:hidden;}
.App-list li img {width:100%;height:auto;}
.App-list li:hover img{-webkit-filter: sepia(100%); /* Chrome, Safari, Opera */filter: sepia(100%);}
.App-list li .eq_title {font-size:1em;font-weight:300;text-align:center;width:100%;color:#fff;bottom:0px;height:30px;position:absolute;background:#288add;transition:ease-in-out .5s;}
.App-list li:hover  .eq_title {padding-top:5px;bottom:0px;height:60px;background:#288add;}
@media screen and (max-width:768px) {
.App {background:url(../images/app.jpg) no-repeat scroll center top #ebebeb;background-size:cover;background-attachment:fixed;background-attachment:scroll\9;height: 818px;margin:30px auto;}
.App-inner {height:676px;}
.App-list li {width:48%;margin:1%;float:left;position:relative;overflow:hidden;}	
}
@media screen and (max-width:640px) {
.App {height:720px;margin:30px auto;}
}
.news{padding:40px 0 100px 0;    position: relative;}
.news-tlt{position: absolute;top: -60px;}
.news-inner{margin:20px 0;height:375px}
.news-inner .pic-news{width:auto;height:100%;float:left;position: relative;}
.news-inner .pic-news img{width:auto;height:100%}
.news-inner .pic-news .figcaption{display:block; padding:5px 10px; position:absolute; left:0; bottom:0px;  box-sizing:border-box; width:calc(100% - 40px);height:40px;  background: url(../images/pic_bg.png) repeat left top;}
.news-inner  a{color:#fff;}
 
.newslist a{color:#288add;}
.news-inner .newslist  a:hover{color:#333;}
.news-inner .newslist{width:auto;max-width:550px;float:right;margin:0 0 0 30px;}
.news-inner li{width:100%;height:115px;float:left;overflow:hidden;margin:0 0 10px 0;    border-bottom: solid 1px #ddd;}

.news-inner li img{width:auto;height:80%;float:left;padding:5px 0;}
.news-inner li .figcaption{float:left;max-width:70%;margin:0 0 0 20px;}
.news-inner li .figcaption p{line-height:15px;color:#171717;font-size:.8em;}
@media screen and (max-width: 1100px) {
.news-inner .pic-news{width:40%;height:auto;float:left;position: relative;left:0;}
.news-inner .pic-news img{width:100%;height:auto;}
.news-inner .newslist{width:58%;max-width:700px;float:left;margin:0 0 0 2%;}
.news-inner{margin:20px 0;height:270px}
.news-inner li{width:100%;height:90px;float:left;overflow:hidden;margin:0 0 5px 0;    border-bottom: solid 1px #ddd;}
 } 
@media screen and (max-width: 640px) {
.newslist a{color:#c4161c;height:28px;overflow:hidden;}
.news-inner .pic-news{width:80%;height:auto;float:none;margin:10px 10%;}
.news-inner .newslist{width:80%;max-width:700px;float:left;margin:0 10%;}
.news-inner li .figcaption{float:right;;max-width:70%;font-size:.6em}

 } 
@media screen and (max-width: 480px) {
.newslist a{color:#c4161c;height:28px;overflow:hidden;}
.news-inner .pic-news{width:80%;height:auto;float:none;margin:10px 10%;}
.news-inner .newslist{width:80%;max-width:700px;float:left;margin:0 10%;}
.news-inner li .figcaption{float:right;;max-width:62%;font-size:.6em}

 } 
/*标题*/
.tlt-h {font-size:30px;margin-bottom:5px;color:#6e6e6e;text-align: center;}
.in-p {line-height:20px;color:#6e6e6e;font-size:1em;text-align: center;}